<template>
	<view>
		<view class="bold">
			<text class="" :style="{fontSize:size1}">￥</text>
			<text class="" :style="{fontSize:size2}">{{getprice(0)}}</text>
			<text class="" :style="{fontSize:size3}">.{{getprice(1)}}</text>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		price:{
			default:'0',
		},
		color:{
			default:'#333333',
			type:String
		},
		size1:{
			default:'28rpx',
			type:String
		},
		size2:{
			default:'48rpx',
			type:String
		},
		size3:{
			default:'28rpx',
			type:String
		},
	})
	
	function getprice(index){
		let p = String(props.price);
		if(!p.includes('.')){
			p += '.00';
		}
		return p.split('.')[index]
	}
</script>

<style>

</style>